<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript">
    function GetDateNow() {
        let vNow = new Date();
        let sNow = "";
        sNow += String(vNow.getFullYear());
        sNow += String(vNow.getMonth() + 1);
        sNow += String(vNow.getDate());
        sNow += String(vNow.getHours());
        sNow += String(vNow.getMinutes());
        sNow += String(vNow.getSeconds());
        sNow += String(vNow.getMilliseconds());
        document.getElementById("WIDout_trade_no").value = sNow;
        document.getElementById("WIDsubject").value = "测试";
        document.getElementById("WIDtotal_amount").value = "0.01";
    }

    GetDateNow();
</script>
<body>
    <div class="panel-body" style="margin-left: 500px;margin-top: 100px">
    <!-- _blank  – 在新窗口中打开链接
         _parent – 在父窗体中打开链接
         _self   – 在当前窗体打开链接,此为默认值
         _top    – 在当前窗体打开链接，并替换当前的整个窗体(框架页)
    -->
    <form id="payForm" class="form-horizontal" action="/pay" method="post" target="_blank">
        <div class="form-group">
            <div class="col-sm-8">
                <label for="chb">彩虹币：&nbsp;&nbsp;&nbsp;</label>
                <input type="text" id="chb" name="chb" placeholder="彩虹币" class="form-control"/>
                <label>&nbsp;彩虹币汇率: 1 元 = 10 彩虹币</label>
            </div>
        </div><br/>
        <div class="form-group">
            <div class="col-sm-8">
                <label for="total">合计金额：</label>
                <input id="total" name="total" type="text" placeholder="合计金额" class="form-control" readonly="readonly"/>
            </div>
        </div><br/>
        <div id="body1" class="show">
            <dl class="content">
                <dt>商户订单号：</dt>
                <dd>
                    <label for="WIDout_trade_no"></label><input id="WIDout_trade_no" name="WIDout_trade_no" readonly="readonly"/>
                </dd>
                <dt>订单名称：</dt>
                <dd>
                    <label for="WIDsubject"></label>
                    <input id="WIDsubject" name="WIDsubject" readonly="readonly"/>
                </dd>
                <dt>付款金额：</dt>
                <dd>
                    <label for="WIDtotal_amount"></label>
                    <input id="WIDtotal_amount" name="WIDtotal_amount" readonly="readonly"/>
                </dd>
                <dt>商户描述：</dt>
                <dd>
                    <label for="WIDbody"></label>
                    <input id="WIDbody" name="WIDbody"/>
                </dd>
            </dl>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">支付方式：</label>
            <div class="col-sm-8" style="margin-left: 80px">
                <label>
                    <input type="radio" checked="" value="alipay" id="optionsRadios1" name="payMethod">支付宝</label>
            </div>
        </div>
        <br/>
        <div class="form-group">
            <div class="col-sm-offset-3 col-sm-8">
                <button id="submit" class="btn btn-sm btn-white btn-success" type="submit">支 付</button>
                <span class="note-help">如果您点击"支付"按钮，即表示您同意该次的执行操作</span>
            </div>
        </div>
    </form>
    <div id="foot">
        <ul class="foot-ul">
            <li>版权所有 2020-2023</li>
        </ul>
    </div>
</div>
</body>
</html>
